@charset "utf-8";
$fontSize:40;
@function r($p){
    @return $p/$fontSize*1rem;
}
a{
    color:#8b8b8b;
}
body{
    background:#f5f5f5;
}
*{
    margin: 0;
    padding: 0;
}
html,body{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.web{
    width: 100%;
    height: 100%;
    position: relative;

.main{
     width:100vw;
     position: absolute;
     left:0;
     right: 0;
     top:r(90);;
     bottom:r(100);
     /*height: calc(100% - 50px);*/
     overflow: auto;

        >.banner{
            margin-top:r(8);
                width:100%;
                >img{
                    width:100%;
                }
        }//banner
        .daohang{
            margin-top:r(10);
            display:flex;
            display:-webkit-flex;
            justify-content: space-around;
            width:100%;
            border-bottom:#ddd 1px solid;
            >li{
                color:#8b8b8b;
                font-size:r(23);
                background:#f5f5f5;
                width:33%;
                text-align: center;
                padding:r(30) 0;
            }
            >li:nth-of-type(2){
                background:#b10100;
                color:#fff;
            }
        }//daohang
        >.jieshao{
            margin:0 auto;
            background:#fff;
            padding-top:r(12);
            // padding-bottom:r(80);
            margin-top:r(20);
            width:100%;
            .box{
                margin:0 auto;
                width:r(583);
                >.js_txt{
                    width:100%;
                    color:#8b8b8b;
                    font-size:r(20);
                    margin-top:r(25);
                }
              
            }//box
            
            >.jieshao_img{
                margin:0 auto;
                margin-top:r(20);
                padding-top:r(35);
                padding-bottom:r(30);
                border-top:#ddd 1px solid;
                border-bottom:#ddd 1px solid;
                width:r(583);
                >img{
                    width:100%;
                }
            }
            >.fazhan{
                margin:0 auto;
                background:#b10100;
                width:r(583);
                height:r(80);
                display: flex;
                display:-webkit-flex;
                justify-content: space-around;
                align-items: center;
                
                >p{
                    font-size:r(30);
                    color:#fff;
                    margin-right: 30%;
                }
                >div{
                    width:r(45);
                    >img{
                        width:100%;
                    }
                }
            }
            >.fazhan_son{
                margin:0 auto;
                background:#fff;
                width:r(583);
                // height:r(107);
                display: flex;
                display:-webkit-flex;
                
                align-items: center;
                >.tupian{
                    margin-left:r(17);
                    margin-right:r(30);
                    width:r(45);
                    >img{
                        width:100%;
                    }
                }
                >.wenben{
                    >p{
                        font-size:r(31);
                        color:#313131;
                    }
                    >aside{
                        color:#b10000;
                        font-size:r(20);
                    }
                }
            }
            .fazhan_son2{
                margin:0 auto;
                background:#f3f3f3;
                width:r(583);
                // height:r(107);
                display: flex;
                display:-webkit-flex;
                
                align-items: center;
                >.tupian{
                    margin-left:r(17);
                    margin-right:r(30);
                    width:r(45);
                    >img{
                        width:100%;
                    }
                }
                >.wenben{
                    >p{
                        font-size:r(31);
                        color:#313131;
                    }
                    >aside{
                        color:#b10000;
                        font-size:r(20);
                    }
                }

            }
        }//jieshao
        >p{
        
            font-size:r(22);
            color:#bababa;
            padding:r(20) 0;
            margin:0 auto;
            // margin-top:r(40);
            text-align: center;
            border-top:#ddd 1px solid;
            background: #fff;
        }
   
}//main

}